<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
    <meta content="telephone=no" name="format-detection"/>
    <script>
        var isJsBridgeReady = false;
        var isZHKIOS= false;
        function readyFunc(device){
            isJsBridgeReady = true;
            if(device == 'true'){
              isZHKIOS = true;
            }
        }
    </script>
    <title>营销中心</title>
    <link rel="stylesheet" href="../css/pro_app.min.css"/>
    <link rel="stylesheet" href="../lib/swiper.min.css">
    <link rel="stylesheet" href="../lib/yz-sm.min.css">
</head>

<body>
<div class="page-group">
    <div class="page activity-manage" id="activityManagePage" title="营销中心" topPage="true">
        <script type="text/template" id="marketingToolTpl">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    {{ each data as item i }}
                    <div class="swiper-slide">
                        <div class="{{ item.image }}">
                            <div class="name">{{ item.name }}</div>
                        </div>
                        <div class="content-text">
                            <p>
                                {{ item.desc }}
                            </p>
                        </div>
                        {{ if createActivityAuth }}
                        <a href="javascript:void(0)" class="btn" type="{{ item.type }}">创建活动</a>
                {{ /if }}
                    </div>
                    {{ /each }}
                </div>
                <div class="swiper-pagination"></div>
            </div>


        </script>

        <script type="text/template" id="activityListTpl">
            {{ each data as item i }}
            <li>
                <a href="javascript:void(0)" campId="{{ item.campId }}" outBizNo="{{ item.outBizNo }}" activityStatus="{{ item.activityStatus }}">
                    <div class="top">
                        <div class="type"><i class="zhk-list_tab"></i><span><p>{{ item.activityTypeChn }}</p></span></div>
                        <div class="name">{{ item.activityName }}</div>
                        <div class="date">{{ item.activityStartTime }} 至 {{ item.activityEndTime }}</div>
                        <div class="quan">
                                <span class="num">
                                <i class="zhk-list_quan"></i>
                                {{ if item.ticketCount > 1 }}
                                共<span>{{ item.ticketCount }}</span>张
                                {{ /if }}
                                </span>
                            <span class="list">{{ item.ticketName }}</span>
                        </div>
                        <div class="status">{{ item.statusChn }}</div>
                    </div>
                    <div class="bottom">
                        <div>发券数<span>{{ item.sendPrizeCount }}</span></div>
                        <div>核销率<span>{{ item.writeOffRate }}</span></div>
                    </div>
                </a>
            </li>
            {{ /each }}

        </script>

        <script type="text/template" id="activityListNoDataTpl">
            <div class="no-data-wrap">
                <div class="no-data"></div>
                <p>还没有该类型的活动</p>
            </div>
        </script>

        <div class="scroll-view">
            <ul class="header">
                <li class="left"><i class="zhk-nav_back"></i>返回</li>
                <li class="middle">营销中心</li>
                <li class="right"><a href="activity_manage_filter.html"><i class="zhk-nav_filter"></i></a></li>
            </ul>
            <ul class="tab-wrap">
                <li class="selected"><span>营销工具</span></li>
                <li><span>活动管理</span></li>
            </ul>
            <div class="page-body">

                <div class="marketing-tool">
                    <div class="swiper-container">
                        <div class="swiper-wrapper" id="marketingToolsDiv">

                        </div>
                        <div class="swiper-pagination"></div>
                    </div>

                </div>
                <div class="activity-list-wrap" style="display: none;">
                    <div class="activity-list-wrap-content">
                        <ul class="activity-list">

                        </ul>
                    </div>

                </div>

            </div>
            <!-- <ul class="footer">
                <li>
                    <a href="index.html">
                        <i class="zhk-tab_home"></i>
                        <i class="zhk-tab_home_active"></i>
                        <div>首页</div>
                    </a>
                </li>
                <li class="active">
                    <a href="#">
                        <i class="zhk-tab_yx"></i>
                        <i class="zhk-tab_yx_active"></i>
                        <div>营销中心</div>
                    </a>
                </li>
                <li>
                    <a href="order.html">
                        <i class="zhk-tab_order"></i>
                        <i class="zhk-tab_order_active"></i>
                        <div>订单</div>
                    </a>
                </li>
                <li>
                    <a href="my.html">
                        <i class="zhk-tab_user"></i>
                        <i class="zhk-tab_user_active"></i>
                        <div>我的</div>
                    </a>
                </li>
            </ul> -->
        </div>
    </div>
</div>
<script src="../lib/zepto.min.js"></script>
<script src="../lib/yz-sm.min.js"></script>
<script src="../lib/template.js"></script>
<script src="../lib/swiper.min.js"></script>
<script src="../lib/echarts.common.min.js"></script>
<script src="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>

<script src="../base/recalc.js" compress="../base/base.js"></script>
<script src="../base/dialog.js" compress="../base/base.js"></script>
<script src="../base/common.js" compress="../base/base.js"></script>
<script src="../base/appservice.js" compress="../base/base.js"></script>
<script src="../base/h5service.js" compress="../base/base.js"></script>
<script src="../js/activityManageA.js" compress="../js/main.js"></script>
<script src="../js/activityManageC.js" compress="../js/main.js"></script>


</body>
</html>
